.main {
    background: #111;
    display: flex;
    height: 100vh;
    
}

.back {
    width: 50%;
    background-image: url(../weapon/map/map.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.left-detail {
    width: 50%;
    display: flex;
    flex-direction:column;
    align-content: center;
}

.info-area {
    display: flex;
    height: 34.8%;
}

.menu {
    position: fixed;
    bottom: 0;
    right: 0;
}
.sys-area{
    height: 57.2%;
}
.out-footer{
    height: 7%;
}